<template>
    <div class="mblog">
        123
        <h2>{{blog.title}}</h2>
        <div v-html="blog.content"></div>
    </div>
</template>

<script>
export default {
    data()
    {
        return {
            blog: 
            {
                title: 'default',
                content: 'content'
            }
        }
    },
    // created
    // {
        // const blogId = this.$route.params.blogId
        // console.log(blogId);
        // const _this = this
        // this.$axios.get('/blog/' + blogId).then(res =>
        // {
        //     const blog = res.data.data
        //     _this.blog.id = blog.id
        //     _this.blog.title = blog.title

        //     //获取渲染md格式的工具
        //     var MarkdownIt= require("markerdown-it")
        //     var md = new MardownIt()

        //     var result = md.render(blog.content)
        //     _this.blog.content = result

        // })

    // }
}
</script>

<style scoped>
    .mblog
    {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
    }
</style>